<template>
    <div>
        <el-menu
          :default-active="$route.name"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b">
          <img src="@/assets/images/logo@2x.png" class="logo" alt="">
          <el-menu-item index="2" @click="home">
            <i class="iconfont icon-bumenguanli"></i>
            <span>课题管理</span>
          </el-menu-item>
          <!-- <el-menu-item index="3" @click="expertmanagement()">
            <i class="iconfont icon-yingyongguanli"></i>
            <span>专家账号管理</span>
          </el-menu-item> -->
          <el-menu-item  index="4" @click="changepassword()">
            <i class="el-icon-s-tools" style="font-size: 30px;"></i>
            <span>系统设置</span>
          </el-menu-item>
        </el-menu>
    </div>

    </template>

    <script>
      export default {
        data(){
          return {
            defaultUrl:'ProjectManagement'
          }
        },
        created(){
        },
        methods: {
          handleOpen(key, keyPath) {
            console.log(key, keyPath);
          },
          handleClose(key, keyPath) {
            console.log(key, keyPath);
          },
          home(){
            this.$router.push({
              path:'/home',
            },()=>{})
          },
          expertmanagement(){
            this.$router.push({
              path:'/expertmanagement',
            },()=>{})
          },
          changepassword(){
            this.$router.push({
              path:'/changepassword',
            },()=>{})
          }
        }
      }
      // Informationmanagement
    </script>

    <style lang="less" scoped >
    body{
        height: 100%;
        position: relative;
    }
    .el-col{
        position: absolute;
    }
    .el-menu-item{
        height: 95px!important;
        overflow: hidden;
        text-align: center;
        i{
            font-size: 30px;
        }
        span{
            float: left;
            width: 100%;
            text-align: center;
            font-size: 12px;
            margin-top: -10px;
        }
    }
    .el-menu-vertical-demo{
        height: 937px;
        width: 130px;
        .logo{
            margin: 24px 0 50px 42px;
        }
    }
    </style>